/** INDEX.JSP **/
#header{
	background-color:#277eb8;
	padding:0;
	font-size:12px;color:white;
}
#loading-mask{
	width:100%;	height:100%;
	background:#c3daf9;
	position:absolute;
	z-index:20000;
	left:0;top:0;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	border:1px solid #6593cf;
	padding:2px;
	background:#c3daf9;
	width:180px;
	text-align:center;
	z-index:20001;
}

.loading-indicator {
	border:1px solid #a3bad9;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position:20px;
	color:#003366;
	font-size: 12px;
	padding:10px;
	margin:0;
}
#top{
    background-image:url('images/header_bg.gif');
    background-repeat: no-repeat;
	background-position:bottom right;
	height:35px;
	border-bottom:1px solid #1f74b7;
}
#logo{
    background-image:url('images/logo.gif');
    background-repeat: no-repeat;
	background-position:bottom left;
	float:left;
	height:35px;
	width:100%;
}
#functions{
	text-align:right;
	padding:10px 20px;
	float:right;
}
#functions a,#functions a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
#functions a:hover{
	color:#fff;
	text-decoration: underline;
}
#menubar{
	display:inline;
	float:left;
	width:600px;
	height:30px;
	background-color:#6095c7;
	width:100%;
}
#menu {
  margin-left:5px;
}

#menu li {
  padding: 2px 1px 0;
  float: left;
}
#menu a {
  padding:0 0 0 5px;
  background: url(images/tabl.gif) no-repeat left top;
  float: left; 
  text-decoration: none;
  height:25px;
  overflow:hidden;
}
#menu a span {
  line-height:22px;
  padding: 2px 8px 5px 3px; 
  display: block; 
  background: url(images/tabr.gif) no-repeat right top;
  color: #fff; 
}

#menu a:hover {
  background-position: 0% -25px
}
#menu a:hover span {
  color:#336699;
  background-position: 100% -25px
}
#menu a.cur {
  background-color:#c3daf9;
  background-position: 0% -25px
}

#menu a.cur span {
  color:#336699;
  background-position: 100% -25px
}
.otherTabHandle {width:25px; height:21px; position:relative; margin-right:10px; top:5px; z-index:999; overflow:hidden; background:url(../images/tabs-list.gif) no-repeat 0 0;}
.otherTab {
background:#F6FAFF none repeat scroll 0 0;
border:1px solid #8DB2E3;
height:auto;
overflow:hidden;
padding:0.4em;
position:absolute;
right:2px;
top:23px;
width:172px;
z-index:1000;
}
.otherTab #otherTabBox {
border:1px solid #E8EEF7;
height:auto;
max-height:297px;
overflow-x:hidden;
overflow-y:scroll;
padding:2px;
width:166px;
}

.tabArrowHigh2 {height:22px; z-index:1000; background-position:0 -50px;}